<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title>售后详情</title>
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="./css/index.css" />
	</head>

	<body>
		<div class="mui-content">
			<!-- 订单状态 -->
			<div class="order-status">
				<div class="status-info">
					<div class="status-name">
						<!-- 根据状态值来定义文字 已退款 被驳回-->
						待处理
						
					</div>
					<div class="status-title">
						<!-- 根据状态值来定义文字 
						款项退至您的付款账户 请注意查收~ 
						您的售后申请已驳回 请查看原因
						-->
						您的售后申请已提交 请等待客服处理~
					</div>
				</div>
				<div class="status-img">
					<img id="status-img" src="../../../../images/cart/icon_order_refund_state_dcl.png" class="order_state">
				</div>
			</div>
			<!-- 驳回原因 被驳回渲染-->
			<div class="order-detail" style="margin-top: 0.625rem;">
				<div class="detail-title">
					<span class="line"></span>
					<span>驳回原因</span>
				</div>
				<div class="detail-info-list">
					<div class="question-info">
						您寄回的商品无质量问题。商品已经拆封影响二次销售，概不
						退换
					</div>
				</div>
			</div>
			<!-- 商品列表 -->
			<div class="goods-list">
				
				<div class="cart-list-item">
					<div class="detail-title">
						<span class="line"></span>
						<span>退货清单</span>
					</div>
					<div class="recommend-list-item">
						<img src="../../../../images/home/demo.jpg" class="recommend-img">
						<div class="recommend-info">
							<div class="goods-info">
								<span class="goods-title">欧莱雅黑精华抗衰老紧致补水保湿精华液官方正品50mL
									今日下单即赠新品...</span>
								<span class="goods-code">编号:1234</span>
							</div>
				
							<div class="goods-last">
								退货数量：<span class="refund-num">2</span>
							</div>
				
						</div>
					</div>
					<div class="recommend-list-item">
						<img src="../../../../images/home/demo.jpg" class="recommend-img">
						<div class="recommend-info">
							<div class="goods-info">
								<span class="goods-title">欧莱雅黑精华抗衰老紧致补水保湿精华液官方正品50mL
									今日下单即赠新品...</span>
								<span class="goods-code">编号:1234</span>
							</div>
									
							<div class="goods-last">
								退货数量：<span class="refund-num">2</span>
							</div>
									
						</div>
					</div>
				</div>
			</div>
			<!-- 问题描述 -->
			<div class="order-detail">
				<div class="detail-title">
					<span class="line"></span>
					<span>问题描述</span>
				</div>
				<div class="detail-info-list">
					<div class="question-info">
						下单时选错了，需要退掉重新买。另外其中有个包装
						已经出现破损了。
					</div>
					<div class="img-content">
						<img src="../../../../images/home/demo.jpg" class="refund-img">
					</div>
				</div>
			</div>
			<!-- 退货快递单号 除已退款其余渲染-->
			<div class="order-detail">
				<div class="detail-title">
					<span class="line"></span>
					<span>退货快递单号</span>
				</div>
				<div class="detail-info-list">
					<div class="question-info">
						SF8662233548963
					</div>
				</div>
			</div>
			<!-- 订单详情 -->
			<div class="order-detail">
				<div class="detail-title">
					<span class="line"></span>
					<span>订单信息</span>
				</div>
				<div class="detail-info-list">
					<div class="detail-info-item">
						<span class="item-name">售后单号：</span>
						<span class="item-code">202103201630260001</span>
					</div>
					<div class="detail-info-item">
						<span class="item-name">原订单编号：</span>
						<span class="item-code">202103201630260001</span>
					</div>
					<div class="detail-info-item">
						<span class="item-name">售后申请时间：</span>
						<span class="item-code">2021-03-20 16:30:26</span>
					</div>
				</div>
			</div>
		</div>
		<script src="../../../../js/mui.min.js"></script>
		<script src="../../../../js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../../js/resize.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			mui.init()
			$(function($) {
				// 文档一加载就执行
				$(document).ready(function() {
					obj.setRem()
				})
				// 页面自适应
				$(window).resize(function() {
					obj.setRem()
				});
				// 退货状态
				var  order_state_ybh = '../../../../images/cart/icon_order_refund_state_ybh.png';
				var  order_state_ytk = '../../../../images/cart/icon_order_refund_state_ytk.png';
				var  order_state_dcl = '../../../../images/cart/icon_order_refund_state_dcl.png';
				
			});
		</script>
	</body>

</html>
